
/* CSS Document */
body { background: url(../images/bg_repeat.jpg) top left repeat-x #67712c; margin:0; padding:0}
/*.bgFore {background: url(../images/bg_modmpm.jpg) top left no-repeat; padding:5px; min-height:800px}*/
.bgFore{width:1199px;  margin-bottom:5px; margin-left:auto; margin-right:auto; background: url(../images/bg_modmpm.jpg) top left no-repeat }
.openPage{ margin-left:20px; margin-top:20px}
#menuHolder{ height:30px;padding:0 5px 0 5px; clear:both}
#menuHolder .topMenuItem{margin-left:2px; margin-right:2px; margin-top:5px; float:left; height:24px; line-height:24px; padding: 0 2px 0 2px}
#contentsHolder{ padding:10px; clear:both}
#pageName { font-size:large; padding:10px; background:url(../images/bg_header.png) 50% 50% repeat-x }
#withNavigateHolder #navigateContent { width:250px; background:#616938; margin-top:10px; padding:2px;color:White}
#withNavigateHolder #mainContent {}
#actionContent { padding:10px}
#subPageName{ float:left; padding:10px; font-weight:bold;}
#subActionContent{ float:right; padding:10px}
#subMainContent{ clear:both}
/*decoration*/
fieldset { margin-top:10px; margin-bottom:10px;}
legend {padding:2px}
span.linkToOpen{text-decoration:underline!important; cursor:pointer}

.ui-datepicker-trigger{ top:5px; position: relative}
/*table layout*/
.detailTable { margin-left:auto; margin-right:auto}
.detailTable .captionDetail { width:20%; text-align:right;white-space:nowrap}
.detailTable .captioCol { width:18%; text-align:right;white-space:nowrap}
.detailTable .sectionSave {padding:10px; border-top: dotted 1px #cccccc;border-bottom: dotted 1px #cccccc; margin-top:5px; clear:both; text-align:center}
.detailTable input[type='text'], .detailTable textarea { width:98%}
.detailTable span.checkList { width:49%; display:block; float:left; white-space:nowrap}
.detailTable span.checkList3 { width:33%; display:block; float:left; white-space:nowrap}

/*caption table*/
.caption10{ width:10%; }
.caption15{ width:15%; }
.caption20{ width:20%; }
.caption30{ width:30%; }
.caption35{ width:35%; }
.caption40{ width:40%; }
.caption60{ width:60%; }
.caption70{ width:70%; }
.caption80{ width:80%; }
.caption90{ width:90%; }
.caption95{ width:95%; }
.caption20r{ width:20%; text-align:right}
.caption30r{ width:30%; text-align:right}
/*MES*/
#confirm { display:none}
.confirmMes{ padding:4px; text-align:center; white-space:normal}
.errorMes{ padding:4px; text-align:left; display:none}
/*size*/
.width20{ width:20px!important}
.width30{ width:30px!important}
.width40{ width:40px!important}
.width50{ width:50px!important}
.width60{ width:60px!important}
.width70{ width:70px!important}
.width80{ width:80px!important}
.width90{ width:90px!important}
.width100{ width:100px!important}
.width110{ width:110px!important}
.width120{ width:120px!important}
.width130{ width:130px!important}
.width140{ width:140px!important}
.width150{ width:150px!important}
.width160{ width:160px!important}
.width170{ width:170px!important}
.width180{ width:180px!important}
.width190{ width:190px!important}
.width200{ width:200px!important}
.widthQuater{ width:25%!important}
.widthThrid{ width:33%!important}
.widthHalf{ width:50%!important}
.widthMoreHalf{width:75%!important}
.widthFull{ width:98%!important}

/*sidemenu*/
.sideMenuHolder{ overflow-x: hidden; overflow-y:auto}
#sideMenuHolder{ overflow-x: hidden; overflow-y:auto}
#topMenuHolder{ padding:4px}
/*action panel*/
.ui-tw-actionPanel{padding:4px;margin-bottom:5px; margin-top:-1px; background-color: #F3F3F3; border:solid 1px #CCCCCC; border-top:none;cursor:pointer}
.ui-tw-tabAction{padding:4px;margin-bottom:5px;}
/**/
.ui-require-field { border:1px solid; border-top-color:#F60;border-left-color:#F60;border-bottom-color:#F90;border-right-color:#F90;}

/**/
.logInBg{ clear:both; background: url(../images/bg-login.png); width:968px; height:584px; margin-left:auto; margin-right:auto;}
.logInBg div.layout{ margin:180px 200px 200px 280px; position:absolute}
.logo{background: url(../images/logo.png); width:300px; height:84px; float:left}
.moduleName{background: url(../images/module-name1.png); width:320px; height:40px; float:right; margin-top:30px}
/*total-item*/
.total-item{ padding-left:10px; padding-right:10px; padding-bottom:4px}
/*comment*/
.comment-item { background-color:White; color:Black; margin-bottom:10px; border: 1px solid #666600; padding:10px}
.comment-user-detail{ padding:4px; text-align:center}
.comment-user-photo{width: 150px; float:left; text-align:center; padding:4px}
.comment-user-commment{ float:right; text-align:left; padding:10px}
#CommentDetailTable { margin:10px}
/**/

.module-bg{ clear:both; background: url(../images/bg-module.png); width:968px; height:584px; margin-left:auto; margin-right:auto;}
.module{ cursor:pointer; text-align:center; width:260px; padding:5px}
.module div{ float:left}
.module .module-caption{ margin-top:30px}
.module-details{padding:60px; width:300px; float:left; margin-top:40px}
.module-name{ font-weight:bold; font-size:larger}
.module-layout{ width:300px; height:500px; overflow:auto; float:right; margin-top:30px; margin-right:180px }



.module-icon{display: block; text-indent: -99999px; overflow: hidden; width:82px; height:82px; background-image: url(../images/cut-82x82.png); background-repeat:no-repeat; left:5px; top:50%}
.module-icon.module1 { background-position:0 0; }
.module-icon.module2 { background-position:-82px 0; }
.module-icon.module3{ background-position:-164px 0; }
.module-icon.module4 { background-position:-246px 0; }
.module-icon.module5 { background-position:-328px 0; }
.module-icon.module6 { background-position:-410px 0; }
.module-icon.module7 { background-position:-492px 0; }
.module-icon.module8 { background-position:-574px 0; }
.module-icon.module9 { background-position:-656px 0; }
.module-icon.module10 { background-position:-738px 0; }

.module-icon-large{display: block; text-indent: -99999px; overflow: hidden; width:250px; height:250px; background-image: url(../images/cut-250x250.png); background-repeat:no-repeat; left:5px; top:50%}
.module-icon-large.module1 { background-position:0 0; }
.module-icon-large.module2 { background-position:-250px 0; }
.module-icon-large.module3 { background-position:-500px 0; }
.module-icon-large.module4 { background-position:-750px 0; }
.module-icon-large.module5 { background-position:-1000px 0; }
.module-icon-large.module6 { background-position:-1250px 0; }
.module-icon-large.module7 { background-position:-1500px 0; }
.module-icon-large.module8 { background-position:-1750px 0; }
.module-icon-large.module9 { background-position:-2000px 0; }
.module-icon-large.module10 { background-position:-2250px 0; }

/*set select*/
.widhtselect50{ width:50%; }
.widhtselect100{ width:100%; }
/**/

.button-holder { padding:10px; text-align:center}
#dialogMainContent,#dialogActionContent { margin-top:10px}
#dialogButtonHolder {text-align:center; margin-top:10px}

.textDisable{ color:#999}
